import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

/* Layout */
import Layout from '@/layout'

import FirstLevelComponent from '@/views/FirstLevelComponent'
// import plot from '@/views/community/plot/plot'

import product from '@/views/firm/product/product'
import statement from '@/views/firm/statement/statement'
import buuu from '@/views/firm/buuu/buuu'
import inventory from '@/views/firm/inventory/inventory'



import SecondLevelComponent from '@/views/SecondLevelComponent'
// 以此类推，导入其他需要用到的组件

export const constantRoutes = [

  {
    path: '/login',
    component: () => import('@/views/login/index'),
    hidden: true
  },

  {
    path: '/404',
    component: () => import('@/views/404'),
    hidden: true
  },

  {
    path: '/',
    component: Layout,
    redirect: '/dashboard',
    children: [{
      path: 'dashboard',
      name: '首页',
      component: () => import('@/views/dashboard/index'),
      meta: { title: '首页', icon: 'dashboard' }
    }]
  },
  // =====================================================

  {
    path: '/firm',
    component: Layout,
    // redirect: '/community/building',
    name: '企业管理',
    meta: {
      title: '企业管理',
      icon: 'nested'
    },
    children: [
      {
        path: 'plot',
        // component: Layout,
        component: FirstLevelComponent,

        // component: () => import('@/views/community/plot/plot1'),
        // redirect: { name: '小区管理' },

        name: '商品管理',
        meta: { title: '商品管理' },
        children: [
          {
            path: 'plot1',
            // component: () => import('@/views/community/plot/plot'),
            component: product,
            name: '商品列表',
            meta: { title: '商品列表' ,icon: 'form' }
          },

          {
            path: 'plot2',
            component: statement,
            name: '商品报表',
            meta: { title: '商品报表' ,icon: 'form' }
          },

          {
            path: 'plot3',
            component: buuu,
            name: 'buuu--',
            meta: { title: 'buuu--' ,icon: 'form' }
          },
          {
            path: 'plot4',
            component: inventory,
            name: '库存管理',
            meta: { title: '库存管理' ,icon: 'form' }
          }
        ]
      },

      {
        path: 'tenement',
        component: () => import('@/views/nested/menu2/index'),
        name: '库存管理',
        meta: { title: '库存管理' ,icon: 'form'}
        // children: [
        //   {
        //     path: 'menu1-1',
        //     component: () => import('@/views/nested/menu1/menu1-1'),
        //     name: '房屋管理',
        //     meta: { title: '房屋管理' }
        //   }
        // ]
      }



    ]
  },
  // ============================================================================


  // {
  //   path: '/App',
  //   component: Layout,
  //   name:'AA',
  //   meta: {title:'内容管理',
  //         icon:'el-icon-office-building'

  //       },
  //   children: [
  //     {
  //       path: 'page',
  //       name: 'BB',
  //       component: () => import('@/views/sms/role/index'),
  //       meta: { title: '服务产品管理', icon: 'form' }
  //     },
  //     {
  //       path: 'page1',
  //       name: 'CC',
  //       component: () => import('@/views/sms/housing/index'),
  //       meta: { title: '优质房源', icon: 'user' }
  //     },
  //     {
  //       path: 'page2',
  //       name: 'DD',
  //       component: () => import('@/views/sms/department/index'),
  //       meta: { title: '优惠券设置', icon: 'table' }
  //     }
  //   ]
  // },
  // {
  //   path: '/community',
  //   component: Layout,
  //   // redirect: '/community/building',
  //   name: '社区管理',
  //   meta: {
  //     title: '社区管理',
  //     icon: 'nested'
  //   },
  //   children: [
  //     {
  //       path: 'plot',
  //       // component: Layout,
  //       component: FirstLevelComponent,

  //       // component: () => import('@/views/community/plot/plot1'),
  //       // redirect: { name: '小区管理' },

  //       name: '小区管理',
  //       meta: { title: '小区管理' },
  //       children: [
  //         {
  //           path: 'plot1',
  //           // component: () => import('@/views/community/plot/plot'),
  //           component: plot,
  //           name: '小区规划',
  //           meta: { title: '小区规划' ,icon: 'form' }
  //         }
  //       ]
  //     },
  //     {
  //       path: 'building-vv',
  //       component: SecondLevelComponent,

  //       // component: () => import('@/views/community/building/building'), // Parent router-view
  //       name: '楼栋管理',
  //       meta: { title: '楼栋管理',icon: 'fa-solid fa-file' },
  //       children: [
  //         {
  //           path: 'building',
  //           component: () => import('@/views/community/building/building'),
  //           name: '楼栋管理',
  //           meta: { title: '楼栋管理' ,icon: 'form' }
  //         },
  //         {
  //           path: 'cell',
  //           component: SecondLevelComponent,
  //           name: '单元管理',
  //           meta: { title: '单元管理' },
  //           children: [
  //             {
  //               path: 'cell-A',
  //               component: () => import('@/views/community/cell/cell1'),
  //               name: 'A栋',
  //               meta: { title: 'A栋',icon: 'form'  }
  //             },
  //             {
  //               path: 'cell-B',
  //               component: () => import('@/views/community/cell/cell2'),
  //               name: 'B栋',
  //               meta: { title: 'B栋',icon: 'form'  }
  //             }
  //           ]
  //         },
  //         {
  //           path: 'floor',
  //           component: SecondLevelComponent,
  //           name: '楼层管理',
  //           meta: { title: '楼层管理' },
  //           children: [
  //             {
  //               path: 'floor-A',
  //               component: SecondLevelComponent,
  //               name: 'A栋',
  //               meta: { title: 'A栋' },
  //               children: [
  //                 {
  //                   path: 'floor-A-1',
  //                   component: () => import('@/views/community/floor-A/floor-A-1'),
  //                   name: '一单元',
  //                   meta: { title: '一单元',icon: 'form'  }
  //                 },
  //                 {
  //                   path: 'floor-A-2',
  //                   component: () => import('@/views/community/floor-A/floor-A-2'),
  //                   name: '二单元',
  //                   meta: { title: '二单元',icon: 'form'  }
  //                 }
  //               ]
  //             },
  //             {
  //               path: 'floor-B',
  //               component: SecondLevelComponent,
  //               name: 'B栋',
  //               meta: { title: 'B栋' },
  //               children: [
  //                 {
  //                   path: 'floor-B-1',
  //                   component: () => import('@/views/community/floor-B/floor-B-1'),
  //                   name: '一单元',
  //                   meta: { title: '一单元' ,icon: 'form' }
  //                 },
  //                 {
  //                   path: 'floor-B-2',
  //                   component: () => import('@/views/community/floor-B/floor-B-2'),
  //                   name: '二单元',
  //                   meta: { title: '二单元',icon: 'form'  }
  //                 }
  //               ]
  //             }
  //           ]
  //         }
  //       ]
  //     },
  //     {
  //       path: 'tenement',
  //       component: () => import('@/views/nested/menu2/index'),
  //       name: '房屋管理',
  //       meta: { title: '房屋管理' },
  //       children: [
  //         {
  //           path: 'menu1-1',
  //           component: () => import('@/views/nested/menu1/menu1-1'),
  //           name: '房屋管理',
  //           meta: { title: '房屋管理' }
  //         }
  //       ]
  //     },
  //     {
  //       path: 'menu2',
  //       component: () => import('@/views/nested/menu2/index'),
  //       name: '业主管理',
  //       meta: { title: '业主管理' },
  //       children: [
  //         {
  //           path: 'menu1-1',
  //           component: () => import('@/views/nested/menu1/menu1-1'),
  //           name: '业主管理',
  //           meta: { title: '业主管理' }
  //         }
  //       ]
  //     },
  //     {
  //       path: 'menu2',
  //       component: () => import('@/views/nested/menu2/index'),
  //       name: '用户管理',
  //       meta: { title: '用户管理' },
  //       children: [
  //         {
  //           path: 'menu1-1',
  //           component: () => import('@/views/nested/menu1/menu1-1'),
  //           name: '用户管理',
  //           meta: { title: '用户管理' }
  //         }
  //       ]
  //     }

  //   ]
  // },

  { path: '*', redirect: '/404', hidden: true }
]

const createRouter = () => new Router({
  // mode: 'history', // require service support
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

const router = createRouter()

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
  const newRouter = createRouter()
  router.matcher = newRouter.matcher // reset router
}

export default router
